<!-- 真人认证 性别 -->
<template>
    <view class="sex-main">
        <img v-if="props.userInfo.Sex == 0" src="@/assets/image/icon05.png"/>
        <img v-else src="@/assets/image/icon06.png"/>
        <text>{{ props.userInfo.Age }}</text>
    </view>
</template>

<script setup>
import { reactive, toRefs, onMounted, getCurrentInstance } from "vue"
const props = defineProps({
    userInfo:{
        type:Object,
        default:()=>{}
    }
})

</script>

<style lang="scss" scoped>
    .sex-main{
        position: relative;
        width: 66rpx;
        height: 32rpx;
        margin-left: 10rpx;
        img{
            position: absolute;
            width: 66rpx;
            height: 32rpx;
            top:0;
            left:0;
        }
        text{
            display: block;
            position: absolute;
            font-size: 20rpx;
            line-height: 32rpx;
            color: #fff;
            right:5rpx;
        }
    }
</style>
